import React, { Component } from "react";
// import ReactEcharts from "echarts-for-react";
// 引入 ECharts 主模块
// import echarts from "echarts/lib/echarts";
// 引入柱状图
import "echarts/lib/chart/bar";
// 引入提示框和标题组件
import "echarts/lib/component/tooltip";
import "echarts/lib/component/title";
import "echarts/lib/component/legend";
import "echarts/lib/component/legend";

import { Container } from "./style";
import s from "../../assets/image/s.gif"
import Echart1 from "./Echart1";
import Echart2 from "./Echart2";

// import connect from './connect'
// @connect
class index extends Component {
 

  render() {
    return (
      <Container>
        <div className="table">
          <div className="table_l">
            <div className="table_l_t">
              <img
                src={s}
                alt=""
              />
              <span>易耗品top5</span>
              <b>&gt;</b>
            </div>
            <Echart1 />
          </div>
          <div className="table_r">
            <div className="table_r_t">
              <img
                src={s}
                alt=""
              />
              <span>实时更新物品申领数量</span>
              <b>{">"}</b>
            </div>
            <Echart2 />
          </div>
        </div>
      </Container>
    );
  }
}

export default index;
